<?php

$m = Model::getInstance();

// Pagina a mostrar, tiene a que sitio pertenece
$module = $m->get('module');

YuppLoader::load('core.mvc.form', 'YuppForm2');

?>
<html>
  <head>
    <!-- TODO: el estilo dependera del layout seleccionado -->
    <style>
      .zone {
        background-color: #ffcc00;
      }
      .moduleContainer {
        background-color: #ccff00;
        margin: 1px;
        border: 1px solid #000;
        padding: 5px; /* para que se vea el containder verde */
      }
      .moduleTopBar {
        background-color: #aaccff;
        padding: 3px;
      }
      .moduleActions {
        background-color: #ccddff;
        padding: 3px;
        display: inline-block;
        float: right;
      }
      .moduleContent {
        background-color: #ccffff;
        padding: 3px;
      }
    </style>
    <?php echo h('js', array('app'=>'cms2', 'name'=>'jquery/jquery-1.5.1.min')); ?>
    <script type="text/javascript">

      $(document).ready( function() {
        
        //parent.modalReady(document); // Notifica para que el parent actualice el tamanio del iframe
        parent.modal.modal('update');
      });
      
      var callback = function(res, status, response) {
          
        // Por ahora en el callback del editModule no actualizo nada en el DOM.
        // TODO: deberia actualizar por ejemplo el titulo del modulo.
        
        // Cierro la ventana modal en la que me estoy mostrando
        var modal = $('#modal', parent.document); // Selecciona ventana
        /*
              modal.fadeOut('slow');                    // Efecto fadeout
              modal.css('display', 'none');             // Oculto la ventana con CSS
              modal.children('iframe').attr('src', ''); // Borro la pagina cargada en el iframe
        */
        // oneliner...
        modal.fadeOut('slow').css('display', 'none').children('iframe').attr('src', '');
      };
    </script>
  </head>
  <body>
    <?php
      // TODO: volver deberia ir a la pagina desde la que se ejecuto el edit...
      $f = new YuppForm2(array('action'=>'editModule', 'isAjax'=>true, 'ajaxCallback'=>'callback'));
      $f->add( YuppForm2::hidden(array('name'=>'pageId', 'value'=>$m->get('pageId'))) )
        ->add( YuppForm2::hidden(array('name'=>'class', 'value'=>$m->get('class'))) )
        ->add( YuppForm2::hidden(array('name'=>'id', 'value'=>$m->get('id'))) )
        ->add( YuppForm2::text(array('name'=>'title', 'value'=>$module->getTitle(), 'label'=>'Titulo')) )
        ->add( YuppForm2::check(array('name'=>'showContainer', 'on'=>$module->getShowContainer(), 'label'=>'Mostrar contenedor')) )
        ->add( YuppForm2::check(array('name'=>'showInAllPages', 'on'=>$module->getShowInAllPages(), 'label'=>'Mostrar en todas las paginas')) )
        ->add( YuppForm2::submit(array('name'=>'doit', 'label'=>'Guardar')) )
        ->add( YuppForm2::submit(array('action'=>'displayPage', 'label'=>'Volver') ) );
      YuppFormDisplay2::displayForm( $f );
    ?>
  </body>
</html>